<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>

<input type="email" id="test" placeholder="FAIL: placeholder should disappear">

<script>
description('This tests setting the editing value of an input.');

var input = document.getElementById('test');
input.onchange = function() {
    testPassed("onchange event was fired.");
};
input.oninput = function() {
    testPassed("oninput event was fired.");
};

input.focus();
if (window.internals) {
    internals.setEditingValue(input, " foo ");
} else {
    debug('This test requires window.internals object.');
}
shouldBe('input.value', '"foo"');
shouldBe('document.querySelector(":invalid")', 'input');
input.blur();

</script>

</body>
</html>
